@charset"utf-8";

$fontsize:40;

@function r($px){
    @return $px/$fontsize*1rem 
}
* {
    margin: 0;
    padding: 0;
    list-style: none;
}
html,body {
    height: 100%;
    width: 100%;
}
.web {
    width: 100%;
    height: 100%;
    position: relative;
    background:#f7f7f7;
}
header {
    width: 100%;
    height: r(88);

    position: absolute;
    top: 0;
}
footer {
    width: 100%;
    height: 75px;
 
    position: absolute;
    bottom: 0;

}


    section{
                
                width: 100%;
                background:#f7f7f7;
                top:r(88);
                bottom:r(50);
                position: absolute;
                overflow-y:scroll ; 
 }

  
/**/
    .whole{
        width: 93.65%;
        height: r(60);
        margin: 0 auto;

        margin-top: r(14);
        
       .img1{
           float: left;
             line-height: r(60);        
           width: r(22);
           height: r(37);
           img{
               width: 100%;
               height: 100%;
           }
       }
       .whole1{
    width: 67.79%;
    height: 100%;
    margin: 0 auto;
    background: white;
    border-radius:r(5);
    border:r(1) solid  #D62D31 ;
    .Full_order{
        width: 50%;
        height: 100%;
        color: white;
        background: #d62d31;
        border-radius:0.08rem;
        font-size:r(28);
        text-align: center;
        line-height: r(60);
    }
    .Rights_order{
        color: #d62d31;
         width: 50%;
        height: 100%;      
        border-radius:0.08rem;
        font-size: r(28);
        text-align: center;
        line-height: r(60);
    }
}
 .search{
        width: 6.77%;
        height: r(60);
        img{
            width: 100%;
            height: 100%;
        }
    }
    .dot {
        display: inline-block;
        background: #fff;
        width: 0.3rem;
        height: 0.3rem;
        border-radius: 50%;
        margin: 0 0 0.1rem 0.2rem;
      }
    }

.maruko{
    width: 100%;
    height: r(132);
    background: white;
    border-top:r(1) solid #e3e3e3;
    border-bottom:r(1) solid #e3e3e3;
    padding: r(20);
 
    img{
        width: r(90);
        height: r(90);
        margin-right:r(19);
    }
    .portrait{
        position:relative;
         .img1{
        width: r(32);
        height: r(32);
        img{
            width:r(32);
            height: r(32);
                position: absolute;
                right: r(-20);
                top:r(-10);
        }
    }
}
.Greet_one{
    margin-left: r(8);
    width: r(475);
    height: r(32);
    font-size: r(22);
    margin-bottom: r(15);
        img{
        width: r(32);
        height: r(32);
        display: inline-block;
       
    }
}
  }
   
    









